<template>
  <!-- 新增硬件--------------------------------------  p2------------------------------------------------ -->
  <div class="container-homework">
    <div class="same_title">
      <p></p>
      <p>设备类型</p>
    </div>
    <!-- 新增button -->
    <div class="button_box">
      <div class="button_active">单个新增</div>
      <div>批量新增</div>
    </div>
    <!-- 设备种类提供 -->
    <div class="same_title">
      <p></p>
      <p>设备种类</p>
    </div>

    <div class="root_list">
      <div class="root_one">
        <div class="root_img"></div>
        <div class="root_text"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'homework-sup',
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

    // 作业管理首页表
    getWorkTable() {
      this.$http({
        url: this.$http.adornUrl('queryPageTimetable'),
        method: 'POST',
        data: {
          "sort": true,
          "offset": 0,
          "pageSize": 2,
          "queryParam": JSON.parse(sessionStorage.getItem('userMsg'))
        }
      }).then(res => {
        console.log(res);
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.same_title {
  display: flex;
  align-items: center;
  > p:first-child {
    width: 0.0104rem;
    height: 0.0833rem;
    background-color: #0fdd8d;
    margin-right: 0.0313rem;
  }
  > p:nth-of-type(2) {
    color: #525252;
    font-size: 0.0833rem;
  }
}
.container-homework {
  padding: 0.1667rem 0.1406rem;
  background-color: #fff;
  border-radius: 0.0781rem;
}
.button_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.3125rem 0;
  > div {
    width: 48%;
    padding: 32.64px 0;
    border-radius: 0.0781rem;
    background-color: #f8f8f8;
    color: #525252;
    font-size: 23.04px;
    text-align: center;
    border: 0.0104rem dashed #c4c4c4;
  }
}
.button_active {
  color: #0fdd8d !important;
  border: 0.0104rem solid #0fdd8d !important;
  background-color: white !important;
}
</style>
